<script>
import ViewText from "./control/ViewText";
import ViewImage from "./control/ViewImage";
import ViewBtn from "./control/ViewButton";
import ViewList from "./control/ViewList";
import ViewTable from "./control/ViewTable";
import ViewCircular from "./control/canvas/ViewCircular";
import ViewLine from "./control/canvas/ViewLine";
import ViewLineArrow from "./control/canvas/ViewLineArrow";
import ViewLineWave from "./control/canvas/ViewLineWave";
import ViewBizierCurveArrow from './control/canvas/ViewBizierCurveArrow';
import ViewRect from "./control/canvas/ViewRect";
import ViewTriangle from "./control/canvas/ViewTriangle";

import ViewChart from "./control/chart/ViewChart";
import ViewChartPie from "./control/chart/ViewChartPie";
import ViewChartGauge from "./control/chart/ViewChartGauge";

import ViewSvgImage from "./control/svg/ViewSvgImage";
import ViewSvgStatic from "./control/svg/ViewSvgStatic";

import ViewDashed from "./control/canvas/ViewDashed";
import { mapGetters } from "vuex";

export default {
  name: "TopoBase",
  components: {
    ViewText,
    ViewBtn,
    ViewImage,
    ViewCircular,
    ViewLine,
    ViewList,
    ViewLineArrow,
    ViewLineWave,
    ViewBizierCurveArrow,
    ViewRect,
    ViewTriangle,
    ViewTable,
    ViewChart,
    ViewChartPie,
    ViewChartGauge,
    ViewSvgImage,
    ViewSvgStatic,
    ViewDashed
  },
  computed: {
    ...mapGetters("topoEditor", ["getShopNumber"])
  }
};
</script>
